<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>8002:端口</title>
<link rel="stylesheet" th:href="@{/moon/css/bootstrap.css}" />
<link rel="stylesheet" th:href="@{/icon/css/font-awesome.min.css}" />
</head>
<body class="bg-b">
	<div class="container-fluid" id="app">
		<div class="row">
			<div class="col text-center bg-danger text-white shadow">Session
				Test</div>
		</div>
		<div class="border mt-2">
			<p class="text-info mt-2" th:text="'name:'+${session.bloger.name}"></p>
			<p class="text-info mt-2">id:{{sessionId}}</p>
			<button class="btn btn-success mt-2" @click="get">获取当前session</button>
		</div>
	</div>
	<!-- js -->
	<script th:src="@{/moon/js/jquery.js}"></script>
	<script th:src="@{/moon/js/vue.js}"></script>
	<script th:src="@{/layer/layer.js}"></script>
	<script th:inline="javascript">
		//
		var vm = new Vue({
			el:"#app",
			data:{
				sessionId:""
			},
			methods:{
				get : function(){
					console.log("get运行了");
					$.post("/yao/session/get",{},(data)=>{
						vm.sessionId=data.sessionId;
					});
				}
			}
		});
	</script>
</body>
</html>